// @import "element-ui/lib/theme-chalk/index.css";
@import '../assets/icon/iconfont.css';
@import './fontSizeMedium.scss';
@import './fontSizeDefault.scss';
@import './fontSizeSmall.scss';
@import './skin_black.scss';
@import './skin_blue.scss';
@import './skin_green.scss';
@import './skin_peaGreen.scss';
@import './skin_violet.scss';
@import './admin.css';
@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './btn.scss';

html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  height: 100%;
  position: relative;
}

//main-container全局样式
.app-container {
  height: calc(100vh - 93px);
  overflow: auto;
  padding: 6px;
  .components-container {
    background-color: #fff;
    .components-container-header {
      display: flex;
      justify-content: space-between;
      padding: 20px;
      .title {
        font-size: 18px;
        font-weight: bold;
      }

      .opt-btns {
        //
      }
    }
  }
}

.app-container-flex {
  display: flex;
  position: relative;
  overflow: hidden;
  // margin: 0 20px;
  padding: 0;
  height: 100%;

  .left-container {
    min-width: 260px;
    max-width: 260px;
    height: 100%;
    background: #fff;
    margin-right: 20px;

    .left-container-header {
      padding: 10px 10px;
    }

    .left-container-main {
      //   padding: 20px;
      margin-bottom: 20px;
    }
  }

  .right-container {
    background: #fff;
    width: calc(100% - 300px);
    overflow-y: auto;
  }
}

.view-fill {
  height: 100%;
}

//.el-button + .el-button{
//  margin-left: 0;
//}
.el-table th > .cell {
  white-space: pre-line;
}

// .el-table,
// .el-input--mini,
// .el-radio-button__inner,
// .el-pagination button,
// .el-pagination span:not([class*="suffix"]),
// .el-pagination,
// .el-button--mini:not(.is-disabled),
// .el-button.el-button--mini:focus {
//   font-size: 12px !important;
// }

// .el-button--mini,
// .el-button--mini.is-round {
//   padding: 6px 12px !important;
// }

//...选择框去除灰色样式
.not-mongolia.el-input.is-disabled {
  .el-input__inner,
  .el-input-group__append,
  .el-input__wrapper,
  .el-input-group__prepend {
    background-color: transparent;
    cursor: pointer;
  }
}

.notActiveBtn {
  color: #909399 !important;
  background: #f4f4f5 !important;
  border-color: #d3d4d6 !important;
}

.table-height {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.dialog_full_scroll_y {
  overflow-y: hidden !important;
  overflow-x: hidden;
}

.flex_full_item {
  flex: 1;
}

.CLodop-a {
  /*CLodop云打印服务提示样式*/
  color: #6dc1a9;
  font-size: 16px;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  margin: 0;
}

input[type='number'] {
  margin: 0;
}

.el-form-item--default.el-form-item,
.el-form-item--medium.el-form-item,
.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
  margin-bottom: 18px;
}
.margin-bottom {
  margin-bottom: 0 !important;
}

.input-money .el-input-group__append,
.input-money .el-input-group__prepend {
  padding: 0 10px !important;
}

// 公共对话框

.dialogBox {
  /* min-width: 350px;
    max-width: 730px; */
  min-height: 250px;
  max-height: 550px;

  .el-dialog__body {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    max-height: 435px;
    //padding: 0 20px;
    margin: 20px 0;
  }
}

// 表单弹窗
// Todo: 没写完
.dialog-form-style {
  .el-dialog__body {
    max-height: 300px;
  }
}
.groupFlag-container {
  .el-scrollbar__view {
    overflow-x: hidden;
  }
}
.page-dialog {
  .el-dialog__body {
    max-height: 500px;
    padding: 10px 15px !important;
    overflow-y: auto;
  }
  .el-dialog__header {
    padding-top: 10px !important;
    // 修改弹窗右边删除按钮的长宽，实现居中
    .el-dialog__headerbtn {
      top: 0;
      height: 44px;
      width: 44px;
    }
  }
  .el-dialog__footer {
    padding-bottom: 10px !important;
  }
}

.el-table__empty-block {
  min-height: 100px;
  border-bottom: 1px solid #ebeef5;
}

.dialog-table {
  margin: 0 auto;
  width: 100%;
  .dialog-table-header {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    min-height: 40px;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
  }
  .lable {
    margin-right: 20px;
    font-size: 14px;
    display: inline-block;
  }
  .header-left {
    display: flex;
    justify-content: left;
    flex-flow: row;
    align-content: center;
    align-items: center;
  }
  .header-right {
    display: flex;
    justify-content: right;
    flex-flow: row;
    align-content: center;
    align-items: center;
    .scan-groups {
      display: inline;
      margin-left: 15px;
      .el-select {
        width: 80px;
      }
    }
  }
}
//主码从码input
.scan-input-box {
  display: flex;
  //.el-input-group__prepend {
  //border-color: #6dc1a9;
  //color: #6dc1a9;
  //}
  //.el-input__inner {
  //border-color: #6dc1a9;
  //}
}

.scan-dialog {
  display: flex;
  margin: 0 20px 40px;
  flex-flow: column;
  .info {
    display: block;
    .name {
      font-size: 16px;
    }
    div {
      margin-bottom: 10px;
    }
  }
  .el-input__inner {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
  }
}

.el-checkbox.is-bordered {
  margin-right: 10px;

  border-color: #6dc1a9;
  color: #6dc1a9;
  .el-checkbox__inner {
    border-color: #6dc1a9;
  }
  &.is-checked {
    border-color: #6dc1a9;
    .el-checkbox__label {
      color: #6dc1a9;
    }
  }
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 5px 15px 5px 10px;
  .el-checkbox__label {
    font-size: 14px;
    line-height: 14px;
  }
}
.padding-top-0 {
  padding-top: 0;
}
.width100 {
  width: 100%;
}
.filter-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #fff;
}
.display-flex {
  display: flex;
  align-items: center;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
  // padding-bottom: 5px;
}
.page-table-input-number-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .page-table-input-number-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    .page-table-input-number-item {
      display: flex;
      align-items: center;
      width: 100%;
      .el-form-item {
        flex: 1;
      }
      .page-table-input-number-item-unite {
        padding-left: 5px;
        max-width: 60px;
        text-align: left;
      }
    }
  }
  .page-table-input-number-right {
    width: 100px;
  }
}
.el-table .success-row {
  background: #c3f1d6 !important;
}
.el-table .warning-row {
  background: #f7c1c1 !important;
}
.el-table .grey-row {
  background: #cfcfd0 !important;
}
.el-table .check-row {
  background: #d5e5f3 !important;
}
.el-table .bg-color-EBEEF5 {
  background: #e0e0e194 !important;
}
.asset-msg {
  display: flex;
  flex-direction: column;
  align-items: center;
  .asset-msg-label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 8px;
    padding-left: 10px;
    line-height: 0;
    i {
      margin-right: 5px;
      font-size: 17px;
      color: #e6a23c;
    }
  }
  .el-radio-group {
    label {
      padding-bottom: 10px;
      .el-radio {
        margin-right: 10px;
      }
    }
  }
}
//设置flex
.div-flex {
  display: flex;
  align-items: center;
}
//左侧树-顶部按钮样式
.left-container-header {
  flex-wrap: wrap !important;
  .el-button {
    margin-right: 10px;
    margin-left: 0 !important;
  }
  .el-button:last-child {
    margin-right: 0;
  }
}
.left-container-title,
.right-container-title {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
}
//消息等级样式
.level0 {
  color: #909399;
}
.level1 {
  color: #e6a23c;
}
.level2 {
  color: #f56c6c;
}
.el-table .level0-bg {
  background: #f4f4f5 !important;
}
.el-table .level1-bg {
  background: #fdf6ec !important;
}
.el-table .level2-bg {
  background: #fef0f0 !important;
}
.level0-bg {
  background: #f4f4f5 !important;
}
.level1-bg {
  background: #fdf6ec !important;
}
.level2-bg {
  background: #fef0f0 !important;
}
.message-content {
  //font-weight: 600;
  color: #409eff;
  cursor: pointer;
  //font-style:italic;
}
// 全局el-message 样式
body {
  .el-message {
    top: 100px !important;
  }
  .el-message.el-message--error {
    // 滚动条透明
    ::-webkit-scrollbar {
      // width: 0;
      // height: 0;
      // color: transparent;
    }
    .el-message__content {
      max-width: 1450px;
      max-height: 154px;
      overflow-wrap: break-word;
      overflow-y: auto;
      padding-right: 10px;
      margin-right: 10px;
    }
    .el-message__closeBtn {
      top: 20px;
      right: 10px;
    }
  }
}
.messageDialog {
  width: 700px;
  .el-dialog__body {
    padding: 10px 0 !important;
  }
}
.ellipse-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popoverBox {
  padding: 0 !important;
  .selectBox {
    .col {
      display: inline-block;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 32px;
      line-height: 32px;
      padding: 0 6px;
      text-align: center;
      box-sizing: border-box;
      cursor: pointer;
    }
    .col:hover {
      background-color: #f5f7fa;
    }
  }
}
// 左上角删除退回按钮
.page-close-box {
  position: absolute;
  background: #0092ff;
  transform: rotate(45deg);
  height: 50px;
  width: 50px;
  right: -25px;
  top: -25px;
  text-align: center;
  .el-button {
    transform: rotate(-45deg);
    .el-icon {
      color: #fff;
    }
  }
}
//多余部分省略
.span-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.maxFormItemWidth {
  min-width: 320px !important;
}

.mb10 {
  margin-bottom: 10px;
}
